<!DOCTYPE HTML>
<html>
	<head>
		<title>Star Dimension</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="logo">
							<a href="../index.html"><span class="icon fa-gem"></span></a>
						</div>
						<div class="content">
							<div class="inner">
								<h1>Star Dimension</h1>
								<p>You may not know what is above us<br/>
								 let us have a look</p>
							</div>
						</div>
						<nav>
							<ul>
								<li><a href="#intro">orign</a></li>
								<li><a href="#work">orbit</a></li>
								<li><a href="#about">observe</a></li>
								<li><a href="../HTML5 canvas星空屏保动画代码/index.html">explore</a></li>
								<!--<li><a href="#elements">Elements</a></li>-->
							</ul>
						</nav>
					</header>

				<!-- Main -->
					<div id="main">

						<!-- Intro -->
							<article id="intro">
								<h2 class="major">orign</h2>
								<span class="image main"><img src="images/t011550c59f22029992.jpg" width="20" alt="" /></span>
								<p> 宇宙大爆炸之后，过了相当长的时间，宇宙里面出现了第一种物质：氕。也就是说原始宇宙几乎是一片氢的海洋，这些氢和今天的各大星系在远离宇宙爆炸的地方一样，也是在不停的远离宇宙爆炸的地方。 原始宇宙的成分：原始宇宙里面遍布了氢，另外还有一部分氦，及少量重元素物质。 然后万有引力发生作用，宇宙里面各个地方的氢相继开始进行大规模的引力收缩。</p>
								<p> 以银河举例： 银河系的形成：在宇宙空间的一个地方，一大团氢云在发生着引力收缩。收缩收缩着周围的氢云就开始围绕中心氢云旋转起来了。同时这团氢云里面各个区域的氢也相继发生收缩，然后就收缩成大大小小的恒星。 然后质量大的恒星由于寿命短，它们比其它小质量恒星最先早早死亡。死亡的时候发生爆炸。爆炸产生的碎片飞向宇宙空间，当这些 碎片飞到 仍然活着的恒星的附近时，被该恒星俘获。围绕恒星旋转，然后收缩成大大小小的行星卫星(部分例外)。 </p>
							</article>

						<!-- Work -->
							<article id="work">
								<h2 class="major">Orbit</h2>
								<span class="image main"><img src="images/572c7605c8b444e2ae31520ea524f8fe.gif" alt="" /></span>
							    <p>以太阳为例，当一个物体接近太阳时，根据它的能量和轨道。它会沿着四种可能的轨道之一运行，螺旋轨道、双曲线轨道、椭圆轨道或圆形轨道。螺旋形的选择意味着该物体，将被太阳的引力以一个陡峭的角度吸引，这可能是因为它的质量或能量非常低。该物体将落入围绕太阳的一个紧密的螺旋中，甚至很难称之为轨道，下降越来越低，直到它撞击到太阳表面。</p>
								<p>双曲选择发生在物体，具有很大的速度或距离太阳表面。这个物体会靠近，它的路径会向太阳弯曲，但是它的速度和距离允许它继续经过太阳，而不会被拉进一个重复的轨道。在形成类似于U的双曲轨道后，它将飞向太空，而且永远不会返回，不像前两个轨道选项。圆形的轨道是大多数人想象中的太阳系，虽然一些离太阳更近的行星形成了近乎完美的圆形，但真正的圆形轨道是很难实现的。条件必须是绝对完美的，也就是说，进入系统的能量创造了一个绝对没有偏心的轨道，这是可能的，但非常罕见。</p>
								<p><a href="#contact">about</a></p>
							</article>

						<!-- About -->
							<article id="about">
								<h2 class="major">Observe</h2>
								<span class="image main"><img src="images/pic03.jpg" alt="" /></span>
								<p>径向速度法（第一种行之有效的方法）:直到2009年行星狩猎航天器“开普勒”发射后，径向速度一直以来是定位太阳系外行星的最有效方法。 通过这种方法我们发现了从地球探测到的绝大多数系外行星。径向速度法，也称为多普勒频谱法，是利用现有技术定位太阳系外行星最有效的一种方法。虽然其他方法在将来有很大的希望，但是迄今发现的绝大多数系外行  星都是用这种方法发现的。径向速度法依赖于恒星在被行星绕行时不会保持完全静止的状态（质心移动）。 它以微小的圆形或椭圆形移动（摆动），以此来响应其较小同伴（行星）的引力拖曳。 从远处观看时，这些轻微的移动会影响恒星的正常光谱或颜色特征。 如果恒星向观察者移动，那么它的光谱会略微偏向蓝色（光谱蓝端）; 如果恒星远离观察者时，它将转偏向红色（光谱红端）。使用高度灵敏的光谱仪，地球上的行星猎人能够跟踪恒星的光谱，寻找向红、蓝和原位置的周期性变化。光谱首先出现轻微的蓝移，然后略微红移。如果这些变化是有规律的，且以固定的时间，如数天，数月，甚至数年的间隔重复，这就意味着恒星正在微弱地来回移动——先是朝向地球移动，然后以一个有规律的周期远离地球。反过来讲，几乎可以肯定这是由一颗围绕恒星运转的天体造成的，如果该天体的质量足够低，那么它就被称为系外行星。</p>
                                <p>凌日测光法（一种寻找新世界的方法）:当系外行星轨道穿越其母恒星与地球之间且行星穿越恒星的正前面时，通过测量恒星的微小光度下降（变暗）来探测遥远的行星。行星在恒星和地球之间的通过被称为“凌日”。 如果这种变暗是以规则的间隔被检测到的，并且会持续一段固定的时间，那么很可能行星围绕恒星运行并且每个轨道周期在其前面会经过一次。
                                在凌日过程中恒星的变暗直接反映了恒星与行星之间的大小比例：一颗穿过一颗大恒星正前面的小型行星只会产生轻微的变暗，而一颗穿过一颗小恒星的大型行星将会产生更明显的效应。 主恒星的大小可以从它的光谱中以相当精确的方式得知，因此光度的测量可以让天文学家对轨道行星的大小进行很好的评估（不是它的质量）。 这恰好可以结合到光度测定法，光度测定法是光谱方法的一种，光谱方法可以估算出行星的质量，但不能估算出它的大小。 科学家们可以结合质量和大小两种方法来计算行星的密度，这是评估其成分的重要一步。</p>
								<p>重力微透镜法（超越我们的宇宙邻域）:微透镜是已知唯一能够真正的在离地球很远的地方发现行星的方法。而径向速度法只是局限于我们银河系内（距地球100光年）附近的行星，而凌日测光法会远点，但也只是有可能探测到数百光年远的行星。然而微透镜法就“看得”更远，微透镜可以在星系中心附近找到行星轨道的系外行星系统，距离我们达数千光年之远。微透镜是爱因斯坦广义相对论预言的一种天文效应。 根据爱因斯坦的预言，当一颗恒星发出的光非常接近另一颗恒星且到达地球上的观察者时，中间恒星（如太阳）的引力会使来自源遥远恒星的光线稍微弯曲，导致两颗恒星看起来比正常情况下的相距更加遥远。亚瑟·爱丁顿爵士（Arthur Eddington）在1919年使用了这种效应，为广义相对论提供了第一个经验证据。</p>
								<p>重力微透镜法（超越我们的宇宙邻域）:微透镜是已知唯一能够真正的在离地球很远的地方发现行星的方法。而径向速度法只是局限于我们银河系内（距地球100光年）附近的行星，而凌日测光法会远点，但也只是有可能探测到数百光年远的行星。然而微透镜法就“看得”更远，微透镜可以在星系中心附近找到行星轨道的系外行星系统，距离我们达数千光年之远。微透镜是爱因斯坦广义相对论预言的一种天文效应。 根据爱因斯坦的预言，当一颗恒星发出的光非常接近另一颗恒星且到达地球上的观察者时，中间恒星（如太阳）的引力会使来自源遥远恒星的光线稍微弯曲，导致两颗恒星看起来比正常情况下的相距更加遥远。亚瑟·爱丁顿爵士（Arthur Eddington）在1919年使用了这种效应，为广义相对论提供了第一个经验证据。</p>
							</article>

						<!-- Contact -->
							<article id="contact">
								<h2 class="major">calculate</h2>
								<span class="image main"><img src="images/未标题-1.jpg" alt="" /></span>
							</article>

						<!-- Elements -->
							<article id="elements">
								<h2 class="major">Elements</h2>

								<section>
									<h3 class="major">Text</h3>
									<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
									This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
									This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
									<hr />
									<h2>Heading Level 2</h2>
									<h3>Heading Level 3</h3>
									<h4>Heading Level 4</h4>
									<h5>Heading Level 5</h5>
									<h6>Heading Level 6</h6>
									<hr />
									<h4>Blockquote</h4>
									<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
									<h4>Preformatted</h4>
									<pre><code>i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
								</section>

								<section>
									<h3 class="major">Lists</h3>

									<h4>Unordered</h4>
									<ul>
										<li>Dolor pulvinar etiam.</li>
										<li>Sagittis adipiscing.</li>
										<li>Felis enim feugiat.</li>
									</ul>

									<h4>Alternate</h4>
									<ul class="alt">
										<li>Dolor pulvinar etiam.</li>
										<li>Sagittis adipiscing.</li>
										<li>Felis enim feugiat.</li>
									</ul>

									<h4>Ordered</h4>
									<ol>
										<li>Dolor pulvinar etiam.</li>
										<li>Etiam vel felis viverra.</li>
										<li>Felis enim feugiat.</li>
										<li>Dolor pulvinar etiam.</li>
										<li>Etiam vel felis lorem.</li>
										<li>Felis enim et feugiat.</li>
									</ol>
									<h4>Icons</h4>
									<ul class="icons">
										<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
										<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
										<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
										<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
									</ul>

									<h4>Actions</h4>
									<ul class="actions">
										<li><a href="#" class="button primary">Default</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
									<ul class="actions stacked">
										<li><a href="#" class="button primary">Default</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
								</section>

								<section>
									<h3 class="major">Table</h3>
									<h4>Default</h4>
									<div class="table-wrapper">
										<table>
											<thead>
												<tr>
													<th>Name</th>
													<th>Description</th>
													<th>Price</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Item One</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Two</td>
													<td>Vis ac commodo adipiscing arcu aliquet.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Three</td>
													<td> Morbi faucibus arcu accumsan lorem.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Four</td>
													<td>Vitae integer tempus condimentum.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Five</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
											</tbody>
											<tfoot>
												<tr>
													<td colspan="2"></td>
													<td>100.00</td>
												</tr>
											</tfoot>
										</table>
									</div><div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
	
									<h4>Alternate</h4>
									<div class="table-wrapper">
										<table class="alt">
											<thead>
												<tr>
													<th>Name</th>
													<th>Description</th>
													<th>Price</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Item One</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Two</td>
													<td>Vis ac commodo adipiscing arcu aliquet.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Three</td>
													<td> Morbi faucibus arcu accumsan lorem.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Four</td>
													<td>Vitae integer tempus condimentum.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Five</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
											</tbody>
											<tfoot>
												<tr>
													<td colspan="2"></td>
													<td>100.00</td>
												</tr>
											</tfoot>
										</table>
									</div>
								</section>

								<section>
									<h3 class="major">Buttons</h3>
									<ul class="actions">
										<li><a href="#" class="button primary">Primary</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
									<ul class="actions">
										<li><a href="#" class="button">Default</a></li>
										<li><a href="#" class="button small">Small</a></li>
									</ul>
									<ul class="actions">
										<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
										<li><a href="#" class="button icon solid fa-download">Icon</a></li>
									</ul>
									<ul class="actions">
										<li><span class="button primary disabled">Disabled</span></li>
										<li><span class="button disabled">Disabled</span></li>
									</ul>
								</section>

								<section>
									<h3 class="major">Form</h3>
									<form method="post" action="#">
										<div class="fields">
											<div class="field half">
												<label for="demo-name">Name</label>
												<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
											</div>
											<div class="field half">
												<label for="demo-email">Email</label>
												<input type="email" name="demo-email" id="demo-email" value="" placeholder="jane@abc.com" />
											</div>
											<div class="field">
												<label for="demo-category">Category</label>
												<select name="demo-category" id="demo-category">
													<option value="">-</option>
													<option value="1">Manufacturing</option>
													<option value="1">Shipping</option>
													<option value="1">Administration</option>
													<option value="1">Human Resources</option>
												</select>
											</div>
											<div class="field half">
												<input type="radio" id="demo-priority-low" name="demo-priority" checked>
												<label for="demo-priority-low">Low</label>
											</div>
											<div class="field half">
												<input type="radio" id="demo-priority-high" name="demo-priority">
												<label for="demo-priority-high">High</label>
											</div>
											<div class="field half">
												<input type="checkbox" id="demo-copy" name="demo-copy">
												<label for="demo-copy">Email me a copy</label>
											</div>
											<div class="field half">
												<input type="checkbox" id="demo-human" name="demo-human" checked>
												<label for="demo-human">Not a robot</label>
											</div>
											<div class="field">
												<label for="demo-message">Message</label>
												<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
											</div>
										</div>
										<ul class="actions">
											<li><input type="submit" value="Send Message" class="primary" /></li>
											<li><input type="reset" value="Reset" /></li>
										</ul>
									</form>
								</section>

							</article>

					</div>

				

			</div>

		<!-- BG -->
			<div id="bg"></div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>
